﻿/* GridView */

/* layout of the container's in BasicStyles.css */



.gridView
{
	border-collapse:collapse;
	width:100%;
	background:#ffffff;
}

.gridViewWrap
{
    word-break:break-all;
}
.gridView th
{
	text-align:left;
	padding:4px;
	vertical-align:middle;	
	background:#e5eef9;
	background-image:url("/Images/ColumnHeader.png");
	border-bottom:solid 1px #B4CEE9;
	border-top:solid 1px #B4CEE9;
	border-right:solid 1px #B4CEE9;
}

/* gets rid of the header cell separator, but not in IE */
.gridView th:last-child{
	border-right:solid 1px #B4CEE9;
}

.gridView th:first-child{
	border-left:solid 1px #B4CEE9;
}

 


/* the exception(s) to the rule: */

.inputForm .gridView th, .pane .gridView th{
	background:#f6f6f6;
	border:solid 1px #ccc;
}

/* make sure the column sort controls always look the same */
.gridView th a:link, .gridView th a:visited, .gridView th a:active
{
	color:#003399;
}

.gridView tr{
	border-top:none;
	border-bottom:solid 1px #e4e4e4;
}




.gridView td
{
	padding:4px;
    vertical-align:middle;
	cursor:hand;
    border-bottom:solid 1px #e4e4e4;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    text-align: justify;
}

.gridView tr:hover{
	background:#E7E7E7;	
	cursor:hand;
	cursor:pointer;
}

/* and the exception */

.inputForm .gridView tr:hover, .pane .gridView tr:hover{
	background:#E7E7E7;
	cursor:hand;
	cursor:pointer;
}

.gridView img
{
	vertical-align:middle;
}

.gridViewSelectedRow
{
	background:#C6DFF7;
	border:none;
}

/* and the exception(s) */
.inputForm .gridViewSelectedRow, .pane .gridViewSelectedRow{
	background:#C6DFF7;
}

.gridHeaderCount
{
	font-weight:normal;
}

/* for zero rows or other error/warning in the grid: */

.gridMessage{
	margin:40px;
	text-align:center;
}

.gridMessage img{
	vertical-align:middle;
}


/* Grid filter bar */

.filterBar
{
	vertical-align:middle;
	text-align:right;
	padding:10px 0 10px 0;
}

.filterBar span{
	padding:0 0 3px 0;
	display:inline-block;
}

.filterBar input[type=text], .filterBar select
{
	font-family:"Segoe UI",Segoe UI,Tahoma,sans-serif;
	font-size:12px;
	background:#f4f4f4;
	color:black;
	border:solid 1px #80ADE6;
}

.filterBarSearchButton
{
}

.filterBar option:hover{
	background:red;	
}

/* Preview Pane */

.previewPaneHeader
{
	border-top:solid 1px #ccc;
}

.previewPaneHeader h2
{
	font-size:16px;
	font-weight:normal;
	color:#003399;
	margin:10px 0 0 5px;
}


/* Preview Pane Content */

.previewPane .summary
{
	font-size:14px;
	padding:0 0 8px 0;
}
.previewPane table
{
	border:none;
}

.previewPane tr, .previewPane td
{
	border:none;
}

.previewPane th
{
	text-align:left;
}

.previewPane td
{
	vertical-align:top;
	width:50%;
}

.previewPane p
{
	margin:0 0 6px 0;
	padding:0;
}

.previewPane td.gutter
{
	width:24px;
}

.previewPane h3
{
	font-size:14px;
	color:#000000;
	border-bottom:solid 1px #cccccc;
	margin:0 0 8px 0;	
}

.previewPane .fieldLabel
{
	color:red;
}


/* Preview Pane & Overview Page Tiles */

.tileErr
{
	color:#510000;
	background:#FFF6C1;
	padding:3px;
	margin:0 0 8px 0;
	border:solid 1px #FFCC33;
}

.tileTable 
{
	margin:0;
	padding:0;
}

.tileTable table
{
	border-collapse:collapse;
	width:auto;
}

.tileTable th, .tileTable td
{
	padding:0px 10px 3px 0;
	width:auto;
}

.tileTable hr{
	height:1px;
	color:#cccccc;
}

/* layout of the containers is in BasicStyles.css */

/* Top Navigation */

.navBar{
	background-image:url("/Images/NavRest.png");
	background-repeat:repeat-x;
	height:30px;
}

.navBar ul
{
	list-style:none;
	margin:-1px 0 0 0;
	padding:0;
	width:100%;
}
.navBar li
{
	float:left;
	padding:10px 10px 0 10px;
}
.navBar li.selected
{
	background-image:url("/Images/NavSelected.png");
	background-repeat:no-repeat;
	background-position:top center;
}

.navBar li.selected:hover
{
	background-image:url("/Images/NavSelected.png");
	background-repeat:no-repeat;
	background-position:top center;
}

.navBar li:hover
{
	background-image:url("/Images/NavMouseover.png");
	background-repeat:no-repeat;
	background-position:top center;
}
.navBar a, .navBar a:visited
{
	font-size:13px;
	text-decoration:none;
	color:#444444;
}

.navBar a:hover{
	color:#000;
	
}


/* Forms */

/* validation error strings */
.formErr
{
	color:#ff0000 !important;
}

/* highgliht text boxes and the like on error */
.formErrFill
{
	background:#FFF6C1;
	border:solid 1px #ccc;
	word-break:break-all;
}

.formErrFill th
{
	padding:2px;
    vertical-align:middle;
    border-bottom:solid 1px #e4e4e4;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.formErrFill td
{
	padding:4px;
    vertical-align:middle;
    border-bottom:solid 1px #e4e4e4;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.formErrSummary
{
	display:block;
	padding:4px;
	border-bottom:solid 1px #ccc;
	background:#FFF6C1;
	color:#ff0000 !important;
}


.formInfoSummary
{
	display:block;
	padding:4px 0 0 20px;
	margin-left:10px;
	border-bottom:solid 1px #ccc;
	background:#FFF6C1;
	color:#000;
	background-image:url("/Images/Icon_Alert.png");	
	background-repeat:no-repeat;
	background-position: left;
	
}
.inputWatermark
{
	 font-style:italic;
	 color:#666666;
}

.inputForm fieldset
{
	margin:0;
	border:none;
	padding:10px;
	border-bottom:solid 1px #ccc;
}

.inputForm fieldset.selected
{
	background:#fff;
}

.inputForm legend
{
	font-size:14px;
	color:#1C4F8E;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
}

.inputForm legend a, .inputForm legend a:hover, .inputForm legend a:visited
{
	color:#1C4F8E;
	cursor:arrow;
	text-decoration:none;
	vertical-align:middle;
}


.inputForm h2
{
	margin:4px;
	padding:0;
	font-size:14px;
	color:#1C4F8E;
	font-weight:bold;
}

.inputForm input[type=text]
{
	width:200px;
	margin:2px 8px 8px 0;
	padding:2px;
	font-family:"Segoe UI",Segoe UI,Segoe,Tahoma,sans-serif;
	font-size:12px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #999;
	border-left:solid 1px #ccc;
	
}

.inputForm select
{
	width:206px;
	margin:2px 8px 8px 0;
	padding:2px;
	font-family:"Segoe UI",Segoe UI,Segoe,Tahoma,sans-serif;
	font-size:12px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #999;
	border-left:solid 1px #ccc;
}

.inputForm textarea
{
	width:500px;
	font-family:"Consolas",monospace;
}


.inputForm input[type=submit],.dialogActions input[type=submit], .formActions input[type=submit]{
	padding:2px 8px 2px 8px;
	font-family:"Segoe UI",Segoe UI,Segoe,Tahoma,sans-serif;
	font-size:12px;
	background-image:url("/Images/ButtonBackground_Rest.png");
	border:solid 1px #b7b7b7;
}

.inputForm input[type=submit]:hover, .dialogActions input[type=submit]:hover, .formActions input[type=submit]:hover{
	border:solid 1px #76a6d7;
	background-image:url("/Images/ButtonBackground_Hover.png");
}

.inputForm .addRemoveButtons{
	width:88px;
	margin:4px;
}

.inputForm input[type="checkbox"], .inputForm input[type="radio"]
{
	margin-left:-3px;
	margin-right:0;
	padding:2px,0,2px,2px;
}

.inputForm label{
	display:inline-block;
	padding:3px;
	color:#000;
}


.inputForm .formLabel
{
	padding:0;
	color:#000;
	font-weight:bold;
}

.inputForm p
{
	margin:2px 0 2px 0;
	padding:0;
}

.formCaption
{
	display:block;
	vertical-align:middle;
	padding:0;	
}

.formGroup
{
	border:solid 1px #cccccc;
	padding:8px;
}

.formActions
{
	border-top:solid 1px #ccc;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	margin:0px;
}

.formActions input[type=submit]{
	font-size:14px;
}

.formActions .defaultButton, .dialogActions .defaultButton
{
	font-weight:normal;
}

/* Dialog boxes (popovers) */

.dialogBackground
{
	background:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.dialog
{
	/* border:solid 1px #000;*/
	padding:30px;
	background:#f4f4f4;
	overflow:auto;
	margin:0;	
}

.dialog td
{	
	width:150px;
}

.dialog h2
{
	color:#1C4F8E;
	font-size:16px;
	margin:10px 0 4px 0;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
}

.dialog h3
{
	color:#1C4F8E;
	font-size:14px;
	margin:10px 0 4px 0;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
}

.dialog h4
{
	color:#1C4F8E;
	font-size:12px;
	margin:10px 0 4px 0;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
}

.dialog .formLabel
{
	padding:0;
	color:#000;
	font-weight:bold;
}

.dialogActions
{
	text-align:right;
}

.dialogActions input[type=submit]
{
	padding:2px 8px 2px 8px;
	margin:0;
}

.modalContainer
{
    display: none;
}
.modalOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.modal
{
    position: fixed;
    /*height: 300px;
    width: 400px;*/
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -200px;
    /*background-color: #fff;
    border: solid 1px #000;*/
    height: 100%;
    width: 100%;
    z-index:100;
}
.modal .content
{
    margin: 5px;
}

/* Tasks */



.taskItem
{
	margin:3px 0 3px 0;
	padding:0;
}
.taskItem img
{
	vertical-align:middle;
}

.taskItem a
{
	color:#000000;
	margin-left:4px;
	vertical-align:middle;
}

.taskItem .disabled
{
	color:#999;
	text-decoration:none;
	cursor:arrow;
}

.taskItem .disabled :hover
{
	color:#999;
	text-decoration:none;
	cursor:arrow;
}

.taskItem a:visited
{
}

.taskItem a:hover
{
	
}

.taskItem a:active
{
	
}

/* command links */

.commandLink
{
	display:block;
	margin:4px;
	padding:4px 4px 4px 20px;
	font-size:14px;
	color:black;
	vertical-align:middle;
	background-image:url("/Images/Icon_GreenArrow_Right.png");
	background-repeat:no-repeat;
	background-position:left center;
	
}

.commandLinkSmall
{
	display:inline-block;
	font-size:13px;
	padding:4px;
	margin:4px 0 4px 0;
	background-image:url("/Images/Icon_GreenArrow_Right_10.png");
	vertical-align:middle;
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 14px;
}

.commandLinkAdd
{
	display:inline-block;
	font-size:13px;
	padding:4px;
	margin:4px 0 4px 0;
	background-image:url("/Images/Icon_Plus.png");
	vertical-align:middle;
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 14px;
}

.commandLinkSmall a:hover
{
	text-decoration:none;
	background:red;	
}



/* Form/property page left nav */

.navPane ul
{
	list-style:none;
	margin:0;
	padding:0;
	vertical-align:middle;
}


.navPane li a
{
	display:block;
	padding:8px 0 8px 10px;
}

.navPane li a:visited
{
	color:#003399;
}

.navPane li .selected
{
	background:#ffffff;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
}

/* Added elements, like networks service roles etc */

.inlineGrid
{
	margin: 8px;
	border-collapse:collapse;
}
.inlineGrid th
{
	text-align:left;
	background-color: #f6f6f6;
        color: #003399;
	border:1px solid #ccc;
	padding:3px 10px 3px 0;
}
.inlineGrid td
{
	padding:6px 16px 0 0;
	vertical-align: top;
	
}



/* Summary Page Tables */

.sumTable
{
	border-collapse:collapse;   
	word-break:break-all;       
}

.sumTable th
{
	text-align:left;
	border-bottom:solid 1px #e0e0e0;
}

.sumTable td
{
	padding:4px;
	vertical-align:top;
	border-bottom:solid 1px #e0e0e0;
}

.sumTable td.section
{
	border-bottom:solid 1px #ccc;
	padding:20px 0 0 0;
	color:#1C4F8E; 

}

.sumTable td.section a, 
.sumTable td.section a:visited, 
.sumTable td.section a:hover
{
	color:#1C4F8E; 
	text-decoration:none;
}

.sumTableHeader
{
	padding:20px;
	background:#e0e0e0;
	vertical-align:middle;
	margin:0 -10px 0 -10px;
	
}

.sumTableHeader img
{
	margin:0;
	padding:0 6px 0 0;
	float:left;
	vertical-align:middle;
	display:inline;
}

.sumTableHeader h2
{
	font-size:16px;
	color:#000000;
	float:left;
	display:inline;
	vertical-align:middle;
}
.sumTableHeader h4
{
	color:#000000;
	float:right;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	display:inline;
}

/* Information Bar */

.infoBar
{
	background:#FFF6C1;
	border-bottom:solid 1px #ccc;
	padding:2px;
}

.infoBar img, .infoBar span, .infoBar a
{
	vertical-align:middle;
	padding:2px;
}

/* Wizard steps */

.wizardSignpost .step{
	padding:0 20px 0 0;
	color:#888;
}

.wizardSignpost .selectedStep{
	padding:0 20px 0 0;
	color:#000;
	font-weight:bold;
	background:#e5eef9;	
	background:url("/Images/WizardStep_Selected.png");
	background-position:center right;
}

.wizardSignpost .numeral{
	font-size:24px;
	color:#888;
	text-align:right;
	padding:0 4px 0 8px;
}

.wizardSignpost .selectedNumeral{
	font-size:24px;
	color:#444;
	font-weight:bold;
	text-align:right;
	padding:0 4px 0 8px;
	background:#e5eef9;
	/* same image, but pinned differently so it looks continuous across the two table cells */
	background:url("/Images/WizardStep_Selected.png");
	background-repeat:no-repeat;
	background-position:center left;
}

.wizardSignpost table{
	border-collapse:collapse;
}

.wizardSignpost td{
	vertical-align:middle;
	height:40px;
}

/* block indicating a link goes to Help */

.help{
	float:right;
}

.help img{
	vertical-align:middle;
	padding-right:4px;
}

.help p:after{
	clear:both;	
}

/* Tasks Script authoring tree view */

.parameterTreeView{
	height:275px;
	width:300px;
	overflow:scroll;
	overflow-x:auto;
	background:#ffffff;
	border:solid 1px #ccc;
	margin-bottom:10px;
	margin-top:10px;
}

.parameterTreeView td{
	width:auto;
}

.parameterTreeView span{
	vertical-align:middle;
	margin-top:-4px;
	display:inline-block;
}

.parameterTreeView a:visited{
	color:#003399;
}

.parameterTreeView a
{
	font-size:13px;
	text-decoration:none;
	color:#444444;	
}

.parameterTreeView a:hover{
	color:#000;	
	text-decoration:none;
	color:Gray;
}

.parameterTreeViewNode{
}
.parameterTreeViewRootNode{
}
parameterTreeViewParentNode{
}
.parameterTreeViewLeafNode{	
}
.parameterTreeViewSelectedNode{
}
.parameterTreeViewHoverNode{
}

/* paging grid */

.pageControls table{
	border-top:solid 1px #ccc;
	background:#f1f5fc;
	width:100%;
	margin:0;
	padding:0;
}

.pageControls span{
	padding-left:8px;
}

.pageControls a{
	display:inline-block;
	margin:4px 0 4px 0;
	padding:0 4px 0 4px;
}

.pageControls img{
	vertical-align:middle;
	margin:-3px 0 0 0;
	padding:0;
}

.pageControls a.selected{
	border:solid 1px #76a6d7;
	background:#d1e5fa;
}
/*Style elements other than MAX drop*/
.dialog2
{
	padding:0px;
	background:#f4f4f4;
	overflow:auto;
}

.dialog2 h3
{
	color:#1C4F8E;
	font-size:14px;
	margin:10px 0 4px 0;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
}

.gridViewChild
{
	border-collapse:collapse;
	width:100%;
	background:#ffffff;
}

.gridViewChild th
{
	text-align:left;
	padding:4px;
	vertical-align:middle;	
	background:#f6f6f6;
	
}


.dialogAddEditParameter
{
	border:solid 1px #000;
	padding:10px;
	background:#f4f4f4;
	overflow:auto;
	padding-left:30px;
}

.dialogAddEditParameter h3
{
	color:#1C4F8E;
	font-size:14px;
	margin:10px 0 4px 0;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
}

.dialogAddEditParameter .formLabel
{
	padding:0;
	color:#000;
	font-weight:bold;
}

/* Virtual machine status message bar */
.messageBar
{
	display:block;
	border-bottom:solid 1px #ccc;
	background:#FFF6C1;
	text-align:left;
	color: #000000;
	padding-left :1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	
}
.messageBarCloseButton
{
    position:relative; 
    top:5px;
    right:5px;
    text-align:right;
    float:right;
    background:#FFF6C1;
    /* this z-index is less than the z-index of class modal which 
    is used for delete confirmation div this is set to low so that
    this text won's be seen in the delete div */
    z-index:1;
}